<template>
  <div>
    <pre>

   混入
     定义了一个没有html与css的组件，只有js
     局部混入:混入的组件与当前组件组合成一个新的组件
         只有当前组件能使用混入组件
      import xxx from '...'
      mixins:[xxx]
      组合成新组件过程中当前组件权重高一些，如果出现重名情况，以当前组件为主

     全局混入：混入的组件与所有组件组合成新的组件
         所有组件都可使用混入组件
         Vue.mixin(导入的混入组件)

     </pre>
    <h3>{{ num }}</h3>
    <button @click="test">点击</button>
  </div>
</template>
<script>
// import xxx from './mixins/xxx'
export default {
  //   mixins: [xxx],
  data() {
    return {
      num: 111
    }
  },
  created() {
    console.log('当前组件created')
  }
}
</script>
<style></style>
